<template>
  <div>
    <div class="top" style="padding: 0 1.25rem;">
     <div class="router"> 
      <router-link to="/chatone">聊天</router-link>
      <router-link to="/interaction">互动</router-link>
      </div>
      
      <router-link to="/noticechat">通知</router-link>
     </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
   * {
 padding: 0;
 margin: 0;
 /* 将所有的标签变成怪异盒子 */
 box-sizing: border-box;
 font-size: 0.16rem;
}
a,
u {
 text-decoration: none;
}
/* 清楚默认加粗效果 让加粗标签不加粗 */
b,
strong {
 font-weight: 400;
}
.top{
  display: flex;
 justify-content: space-between;
 align-items: center;
 background-color: #38c1ba;
 height: 3.125rem;
 .router{
 display: flex;
 justify-content: space-between;
 width: 5rem;
 }
 a{
   font-size:.75rem;
   color: white;
 }
}

   
   </style>